
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html lang="zh-CN">
<head>
    <!-- 指定字符集 -->
    <meta charset="utf-8">
    <!-- 使用Edge最新的浏览器的渲染方式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
    width: 默认宽度与设备的宽度相同
    initial-scale: 初始的缩放比，为1:1 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link rel="shortcut icon" href="images/logo.ico" type="image/x-icon">
    <title>管理员页</title>
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./layui/css/global.css" media="all">
</head>
<style>
    html{
        overflow: auto;
        overflow-y:hidden
    }
</style>
<body>
<div class="layui-layout layui-layout-admin site-demo-fixed">
    <div class="layui-header" >
        <div class="layui-logo layui-hide-xs layui-bg-black" onclick="window.location.href='adminServlet';">智能鼠盒后台管理系统</div>
        <!-- 头部区域（可配合layui 已有的水平导航） -->
<%--
        <ul class="layui-nav layui-layout-left">
            <!-- 移动端显示 -->
            <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
                <i class="layui-icon layui-icon-spread-left"></i>
            </li>
            <li class="layui-nav-item" style="margin-left: 20px" >
                <dd><a href="buyinglongServlet" style="font-size: 16px" >捕蝇笼情况</a><dd>
            </li>

            <li class="layui-nav-item " >
                <dd><a class="" href="zhanshubanServlet" style="font-size: 16px">粘鼠板情况</a></dd>
            </li>
            <li class="layui-nav-item " >
                <dd><a class="" href="miewendengServlet" style="font-size: 16px">灭蚊灯情况</a></dd>
            </li>

        </ul>
--%>


        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item layui-hide layui-show-md-inline-block">
                <a>
                    <img src="./images/text.png" class="layui-nav-img">
                    ${username}
                </a>
                <dl class="layui-nav-child">
                    <a onclick="x_admin_show('切换帐号','http://www.baidu.com')">个人信息</a>
                    <a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换账户</a>
                    <a href="login.jsp">退出</a>
                </dl>
            </li>
        </ul>
    </div>



    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree " lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed" >
                    <dd><a class="" href="findDataByDataServlet">所有数据</a></dd>
 <%--                   <dl class="layui-nav-child " >
                        <dd><a href="http://baidu.com">单个项目数据</a></dd>
                        <dd><a href="http://baidu.com">粘鼠板未审核记录</a></dd>
                        <dd><a href="http://baidu.com">捕蝇笼未审核记录</a></dd>
                    </dl>--%>
                </li>
                <li class="layui-nav-item">
                    <dd><a href="screeningDataServlet">数据筛查</a></dd>
<%--                    <dl class="layui-nav-child " >
                        <dd><a href="screeningDataServlet">条件查询</a></dd>
                        <dd><a href="sortDataServlet">条件排序</a></dd>
                    </dl>--%>
                </li>
                <li class="layui-nav-item">
                    <dd><a href="upWarningServlet">更新物料提醒</a></dd>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">数据分析</a>
                    <dl class="layui-nav-child " >
                        <dd><a href="nodeViewServlet">节点数据可视化</a></dd>
                        <dd><a href="zhanshubanServlet">项目数据可视化</a></dd>
                        <dd><a href="buyinglongServlet">全部可视化</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">用户管理</a>
                    <dl class="layui-nav-child " >
                        <dd><a href="allUserServlet">管理用户信息</a></dd>
                        <dd><a href="user_ProjectServlet?type=0">注册新用户</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">项目管理</a>
                    <dl class="layui-nav-child " >
                        <dd><a href="allProjectServlet">管理项目信息</a></dd>
                        <dd><a href="project/addProject.jsp">新增项目</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;">节点管理</a>
                    <dl class="layui-nav-child " >
                        <dd><a href="allNodeServlet">管理节点</a></dd>
                        <dd><a href="user_ProjectServlet?type=2">新增节点</a></dd>
                        <dd><a href="node/QRcode.jsp">生成二维码</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <dd><a href="about.jsp">关于我</a></dd>
                </li>
            </ul>
        </div>
    </div>


    <div class="layui-body" style="margin: 0;padding: 0;margin-right:4px">
        <!-- 内容主体区域 -->
        <!--主体承载页面跳转框-->
        <iframe id="iframeMain" src="findDataByDataServlet" style="width: 100%"; height="100%"; ></iframe>
    </div>

</div>
<script src="./layui/layui.js"></script>
<script>
    //JS
    layui.use(['element', 'layer', 'util'], function(){
        var element = layui.element
            ,layer = layui.layer
            ,util = layui.util
            ,$ = layui.$;

        //监听导航点击
        element.on('nav(demo)', function(elem){
            console.log(elem)
            layer.msg(elem.text());
        });
        //头部事件
        util.event('lay-header-event', {
            //左侧菜单事件
            menuLeft: function(othis){
                layer.msg('展开左侧菜单的操作', {icon: 0});
            }
            ,menuRight: function(){
                layer.open({
                    type: 1
                    ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                    ,area: ['260px', '100%']
                    ,offset: 'rt' //右上角
                    ,anim: 5
                    ,shadeClose: true
                });
            }
        });

        //触发事件
        var active = {
            tabAdd: function () {
                //新增一个Tab项
                element.tabAdd('demo', {
                    title: '新选项' //用于演示
                    , content: '内容' + (Math.random() * 1000 | 0)
                    //, id: new Date().getTime() //实际使用一般是规定好的id，这里以时间戳模拟下
                })
            }
        };
        $('.site-demo-active').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        });

        //点击在主页面跳转
        $(document).ready(function(){
            $("dd>a").click(function (e) {
                e.preventDefault();
                $("#iframeMain").attr("src",$(this).attr("href"));
            });
        });

    });
</script>

<script>
    window.global = {
        pageType: 'demo'
        ,preview: function(){
            var preview = document.getElementById('LAY_preview');
            return preview ? preview.innerHTML : '';
        }()
    };
</script>

<div class="site-tree-mobile layui-hide">
    <i class="layui-icon layui-icon-spread-left"></i>
</div>
<div class="site-mobile-shade"></div>

<script src="./layui/global.js" charset="utf-8"></script>


<script>
    layui.config({
        base: './layui/'
        ,version: '1632428048355'
    }).use('global');
</script>


</body>
</html>
